import React from 'react';
import { inject, observer } from 'mobx-react';
import './index.scss';

import ImageLoader from '@src/imgs/ImageLoader'

import UserApi from '@src/service/userApi';

import { Table } from 'antd';

import SplitPane from 'react-split-pane'

const dataSource = [

];

for (var i = 0; i < 1000; i++) {
    dataSource.push({
        key: i,
        name: '胡彦斌',
        age: i,
        address: '西湖区湖底公园1号',
    })
}

const columns = [
    {
        title: '姓名',
        dataIndex: 'name',
        key: 'name',
    },
    {
        title: '年龄',
        dataIndex: 'age',
        key: 'age',
    },
    {
        title: '住址',
        dataIndex: 'address',
        key: 'address',
    },
];

//共用才提取 
@inject('oneStore')
@observer
class OneView extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            userList: []
        };
    }

    componentWillMount() {
        // UserApi.GetUserList();
    }


    render() {
        return (
            <div className="page_view_container one-view">

                <SplitPane split="vertical" minSize={200} defaultSize={220}>
                    <Table dataSource={dataSource} columns={columns} />
                    <Table dataSource={dataSource} columns={columns} />
                </SplitPane>

                {/* <div className="page-main-container">



                </div> */}
            </div>
        );
    }
}
export default OneView;